

$(document).ready(function() {     
    $('#tab-menu:first').css('padding-left', '0').append('<li><a href=#>Tab More</a></li>'); //On the fly :) 
    var nav_height = $('#nav').css('height'); 
    //alert('nav_height: '+nav_height); 
    var content_height = $('#content').css('height'); 
    //alert('content_height: '+content_height); 
    var common_height =  nav_height > content_height? nav_height : content_height; 
    //alert(common_height); 
    $('#nav').css('height', common_height); 
    $('#content').css('height', common_height); 
     
     
    $('#main-nav ul li a') 
        .click(function(event) { 
            event.preventDefault(); 
            $('#main-nav ul li a').removeClass('main-nav-active') 
            $(this) 
            .removeClass('main-nav-hover') 
            .addClass('main-nav-active'); 
            $('#tab-content').hide(); 
            $('#tab-menu li a').fadeOut('slow').fadeIn('slow'); 
            //$('#main-content').fadeOut('slow').fadeIn('slow'); 
            delay($('#tab-content'), 1500); 
            $('#secondary-content').hide('slow');     
        }) 
        .hover( 
            function() { 
                $(this).addClass('main-nav-hover'); 
            }, 
            function() { 
                $(this).removeClass('main-nav-hover'); 
            } 
        ); 
    $('#tab-menu li a') 
        .click(function(event) { 
            event.preventDefault();             
            $('#tab-menu li a').removeClass('tab-menu-active'); 
            $(this).removeClass('tab-menu-hover'); 
            $(this).addClass('tab-menu-active'); 
            $('#tab-content').fadeOut('slow').fadeIn('slow'); 
        }) 
        .hover( 
            function() { 
                if(!$(this).hasClass('tab-menu-active')) { 
                    $(this).addClass('tab-menu-hover'); 
                }     
            },  
            function() { 
                $(this).removeClass('tab-menu-hover'); 
        }); 
 
}); 
 
function delay(obj, time) { 
    window.setTimeout(function() { 
        obj.fadeIn('slow'); 
    }, time);     
} 